<!--
 * @Author: 邱智聪
 * @Date: 2020-06-28 14:41:10
 * @LastEditTime: 2020-07-01 15:25:33
 * @LastEditors: Please set LastEditors
 * @Description: 申请退款
 * @FilePath: \ShopProject\JKshop\jkshop\src\pages\return\returnApply.vue
--> 
<template>
  <div class="return">
    <!-- 导航栏 -->
    <van-nav-bar title="申请退款" left-text="返回" left-arrow @click-left="goBack" />
    <!-- 退货商品详情 -->
    <div class="goods">
      <van-swipe-cell class="cell">
        <!-- 图片 -->
        <van-image class="img" src="https://img.yzcdn.cn/vant/cat.jpeg" />
        <!-- 内容 -->
        <div class="apply_content">
          <div class="title">汤姆福特TON FORD 限量mini迷你 黑管 烈焰幻唇膏</div>
          <div class="model">黑管19号</div>
          <div class="price">
            $766.0
            <span style="margin:0 10px">x1</span>
          </div>
        </div>
        <!-- 复选框 -->
        <div class="check">
          <van-checkbox v-model="checked" checked-color="red"></van-checkbox>
        </div>
        <!-- 插槽——滑动删除 -->
        <template #right>
          <van-button class="delete" square type="danger" text="删除" />
        </template>
      </van-swipe-cell>
    </div>
    <!-- 跳转按钮 -->
    <van-button class="next" type="danger" to="returnReason">下一步</van-button>
    
  </div>
</template>

<script>
export default {
  data() {
    return {
      checked: true   //默认选中
    };
  },
  methods: {
    goBack() {    //返回上一页
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="scss" scoped>
@import "@/style/return/apply";
</style>